<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--优先使用IE最新版本和Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
    <!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--禁止浏览器自动的识别-电话号码-email--->
    <meta name="format-detection" content="telephone=no,email=no"/>
    <!--是否启用Web全屏-->
    <meta name="apple-mobile-web-app-capable" content='yes' />
    <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
    <!--设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content='black' />
    <link rel="stylesheet" href="../css/shopping.css">
    <title>Title</title>
    <script src="../js/ydfontsize.js"></script>
    <script src="../js/jquery-3.1.1.min.js"></script>
</head>
<body>
    <!-- 购物车 -->
    <div class="header">
        <div>购物车(<span class="zsl">0</span>)</div>
        <p>编辑</p>
    </div>
    <!-- 购物车物品 -->
    <div class="box">
        <div class="chaoshi">
            <div class="shouqi active"></div>
            天猫超市
        </div>
        <!--<div class="section-box">-->
            <!--&lt;!&ndash; 所有店铺 &ndash;&gt;-->
            <!--<div class="box-ul">-->
                <!--&lt;!&ndash; 店铺名称 &ndash;&gt;-->
                <!--<div class="ul-top">-->
                    <!--&lt;!&ndash; 店铺log &ndash;&gt;-->
                    <!--<img src="../img/heimao.png" alt="">-->
                    <!--&lt;!&ndash; 店铺名称 &ndash;&gt;-->
                    <!--<span>美洲野牛旗舰店</span>-->
                    <!--<img src="../img/right.png" alt="">-->
                    <!--&lt;!&ndash; 领券 编辑 &ndash;&gt;-->
                    <!--<div class="lingquan">-->
                        <!--<a href="#">领券</a>-->
                        <!--<p></p>-->
                        <!--<a href="#">编辑</a>-->
                    <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash; 店铺商品 &ndash;&gt;-->
                <!--<div class="shang">-->
                    <!--&lt;!&ndash; 商品复选框 &ndash;&gt;-->
                    <!--<div class="check active"></div>-->
                    <!--&lt;!&ndash; 商品图片 &ndash;&gt;-->
                    <!--<img src="../img/bao.png" alt="">-->
                    <!--<ul class="shang-xq">-->
                        <!--&lt;!&ndash; 商品名称 &ndash;&gt;-->
                        <!--<li>美洲野牛商务男包真皮手提包牛皮单肩包斜挎包横款公文包电脑包</li>-->
                        <!--&lt;!&ndash; 颜色 大小 &ndash;&gt;-->
                        <!--<li>黑色</li>-->
                        <!--&lt;!&ndash; 单价 &ndash;&gt;-->
                        <!--<li>-->
                            <!--<span>￥</span><span class="money">398</span>-->
                            <!--<s>￥569</s>-->
                            <!--<p>x <span class="dzsl">1</span></p>-->
                        <!--</li>-->
                        <!--&lt;!&ndash; 数量 加减 删除 &ndash;&gt;-->
                        <!--<li>-->
                            <!--<button class="jian">-</button>-->
                            <!--<input type="text" value="1" class="shuliang">-->
                            <!--<button class="jia">+</button>-->
                            <!--<button class="del">删除</button>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    </div>

    <!-- 全选 总价 总数 结算总价 -->
    <div class="bottom">
        <div class="check active qxqaq"></div>
        <span class="quanxuan">全选</span>
        <span class="heji">合计：</span>
        <span class="zongjia">￥0</span>
        <div class="jiesuan">结算(<span>0</span>)</div>
    </div>
    <!-- 底部切换按钮 -->
    <div class="footer">
        <!-- 首页 -->
        <a href="../index.html">
            <img src="../img/sylog.png" alt="">
            <span>首页</span>
        </a>
        <!-- 物流 -->
        <a href="">
            <img src="../img/wllog.png" alt="">
            <span>物流</span>
        </a>
        <!-- 购物车 -->
        <a href="">
            <img src="../img/gwclog.png" alt="">
            <span>购物车</span>
        </a>
        <!-- 我的淘宝 -->
        <a href="">
            <img src="../img/wdlog.png" alt="">
            <span>我的淘宝</span>
        </a>
        <!-- 更多 -->
        <a href="">
            <img src="../img/gdlog.png" alt="">
            <span>更多</span>
        </a>
    </div>
    <!-- 删除 确定还是取消 -->
    <div class="zhezhao">
        <div class="bao">
            <p>确定要删除该商品吗?</p>
            <div>
                <button class="queren">确认</button>
                <button class="quxiao">取消</button>
            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/shopping.js"></script>